﻿/* The Ajax toolkit tabs extender */
.SBRibbon-theme .ajax__tab_header 
{
    background:url(<%=WebResource("Ribbon.Web.Assets.tab-line.png")%>) repeat-x bottom;
    font-size:8pt;
    display:block;
}
.SBRibbon-theme .ajax__tab_header .ajax__tab_outer 
{
    padding: 0px 1px 0px 1px;
    border-bottom:solid 1px #d7d7d7;
    margin-right:2px;
}

.SBRibbon-theme .ajax__tab_header .ajax__tab_outer .ajax__tab_tab
{
    color:#999;
    cursor:pointer;
}


.SBRibbon-theme .ajax__tab_hover .ajax__tab_outer 
{
    border:solid 1px #E0E0E0;
    padding: 0px 0px 0px 0px;
    border-bottom:solid 1px #d7d7d7;
    margin-right:2px;
}

.SBRibbon-theme .ajax__tab_header .ajax__tab_tab 
{
    padding:4px 6px 4px 10px;
    color:#444444;
    display:block;
    text-align:center;   
}

.SBRibbon-theme .ajax__tab_active .ajax__tab_outer 
{
    border:solid 1px #C0C0C0;
    padding: 0px 0px 0px 0px;
    border-bottom-color:#ffffff;
    background-color:#ffffff;
    margin-right:2px;
}

.SBRibbon-theme .ajax__tab_active .ajax__tab_outer .ajax__tab_tab
{
	color:#000;
}


.SBRibbon-theme .ajax__tab_body 
{
	height:80px;
    padding:5px;
    border:solid 1px #C0C0C0;
    border-top-width:0;
    background:url(<%= WebResource("Ribbon.Web.Assets.Ribbon_Background.png") %>) repeat-x top left;
}


/* Ribbon general styles */

.Ribbon_Zone 
{
	padding:0px;
	margin:0px;
}

.Ribbon_Zone li 
{
	margin:0px;
	float:left;
	padding: 2px 5px 2px 5px;
	list-style-type:none;
	cursor:default;
}

.Ribbon_Zone li a
{
	color:#444444;
	text-decoration:none;
}

.RibbonSeparatorV
{
    position:relative;
    height:75px;
    border-right:1px solid #ffffff;
    border-left:1px solid #E0E0E0;
}


.RibbonGallerySubMenu
{
	position:absolute;
	border:1px solid #C0C0C0;
	padding-right:2px;
	background:#fff;
	z-index:99;
}

/* Ribbon Menu */
.RibbonMenu
{
	position:absolute;
	border:1px solid #C0C0C0;
	padding:2px;
	background:#fff;
	z-index:99;
}
.Ribbon_FileMenu
{
    color:#fff;
    cursor:pointer;
    float:left;
    margin-right:3px;
    padding:5px 14px 4px 14px;        
    text-align:center;
}

.Ribbon_FileMenu_green
{
    border-left:1px solid green;
    border-right:1px solid green;
    border-bottom:1px solid green;
    background:url(<%=WebResource("Ribbon.Web.Assets.FileMenu_Background_green.PNG")%>) repeat-x;
}

.Ribbon_FileMenu_orange
{
    border-left:1px solid #bb0a00;
    border-right:1px solid #bb0a00;
    border-bottom:1px solid #bb0a00;
    background:url(<%=WebResource("Ribbon.Web.Assets.FileMenu_Background_orange.PNG")%>) repeat-x;
}

.Ribbon_FileMenu_blue
{
    border-left:1px solid #183d98;
    border-right:1px solid #183d98;
    border-bottom:1px solid #183d98;
    background:url(<%=WebResource("Ribbon.Web.Assets.FileMenu_Background_blue.PNG")%>) repeat-x;
}

.Ribbon_FileMenu_purple
{
    border-left:1px solid #551a6b;
    border-right:1px solid #551a6b;
    border-bottom:1px solid #551a6b;
    background:url(<%=WebResource("Ribbon.Web.Assets.FileMenu_Background_purple.PNG")%>) repeat-x;
}
/* ---------------------------------------- */


.RibbonColorPicker_Celldiv    
{
    border-bottom:#e2e4e7 0px solid;
    border-left:#e2e4e7 1px solid;
    width:11px;
    border-top:#e2e4e7 0px solid;
    border-right:#e2e4e7 1px solid;
}

.RibbonColorPicker_Cell-a:hover .RibbonColorPicker_Cellinternaldiv
{
    border:1px solid orange;
}

.RibbonColorPicker_Cell
{
    padding-bottom:0px;
    padding-left:2px;
    width:13px;
    padding-right:2px;
    padding-top:0px;
}

.RibbonColorPicker_Cellinternaldiv
{
    border-bottom:transparent 1px solid;
    border-left:transparent 1px solid;
    width:9px;
    height:10px;
    border-top:transparent 1px solid;
    border-right:transparent 1px solid;
}

.ColorPickerSection
{
    margin-top:2px;
    border-bottom:#e2e4e7 1px solid;
    border-top:#e2e4e7 1px solid;
    padding-bottom:4px;
    background:#f0f2f5;
    padding-left:2px;
    padding-right:2px;
    color:#4c535c;
    font-weight:bold;
    padding-top:4px;  
}

/* Ribbon Items Styles */

.RibbonBigItem_Out
{
	float:left;
	padding: 4px 6px 4px 6px;
	border:0px solid #f1c43f;
}
.RibbonBigItem_Over
{
	float:left;
	padding: 3px 5px 3px 5px;
	border:1px solid #f1c43f;
	cursor:pointer;
	background:#fdeeb3;
}


.RibbonSmallItem_Out
{
	padding: 3px;
	border:0px solid #f1c43f;
}
.RibbonSmallItem_Over
{
	padding: 2px;
	border:1px solid #f1c43f;
	cursor:pointer;
	background:#fdeeb3;
}
.RibbonIconItem_Out
{
	float:left;
	padding: 1px;
	border:0px solid #f1c43f;
}
.RibbonIconItem_Over
{
	float:left;
	padding: 0px;
	border:1px solid #f1c43f;
	cursor:pointer;
	background:#fdeeb3;
}


.RibbonGallery
{
	float:left;
	height:64px;
	background:#fff;
	border:1px solid #C0C0C0;
	padding-right:2px;
}

.RibbonGallerySubItem_Out
{
	margin:2px 0px 2px 2px;
	height:52px;
	width:70px;
	padding: 4px 6px 4px 6px;
	float:left;
}
.RibbonGallerySubItem_Over
{
	margin:2px 0px 2px 2px;
	padding: 3px 5px 3px 5px;
	height:52px;
	width:70px;
	cursor:pointer;
	border:1px solid #f1c43f;
	background:#fdeeb3;
	float:left;
}


.GalleryExpander_Out
{
	border-right:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
	border-top:1px solid #C0C0C0;
	float:left;
	height:60px;
	padding:2px;
	background:#FFF;
	cursor:pointer;
}
.GalleryExpander_Over
{
	border-right:1px solid #f1c43f;
	border-bottom:1px solid #f1c43f;
	border-top:1px solid #f1c43f;
	float:left;
	height:60px;
	padding:2px;
	background:#fdeeb3;
	cursor:pointer;
}